{% load static blog_extra %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="icon" href="{% static 'favicon.ico' %}">
    <title>{% block title %}{% endblock %} - {% site_title %} | {% webmaster_sign %}</title>
    <link
            href="https://www.layuicdn.com/layui-v2.2.6/css/layui.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.css"
    />
    <link
            href="https://cdn.jsdelivr.net/npm/animate.css@3.6.0/animate.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link rel="stylesheet" href="{% static 'css/gloable.min.css' %}"/>
    {% block header_file %}

    {% endblock %}
</head>
<body>
<div class="header"></div>
<header class="gird-header">
    <div class="header-fixed">
        <div class="header-inner">
            <a href="javascript:void(0)" class="header-logo" id="logo">{% site_logo %}</a>
            <nav class="nav" id="nav">
                <ul>
                    <li><a href="{% url 'blog:index' %}">首页</a></li>
                    <li><a href="{% url 'blog:article-list' %}">博文</a></li>
                    <li><a href="{% url 'blog:diary' %}">日记</a></li>
                    <li><a href="{% url 'blog:archive' %}">归档</a></li>
                    {% if request.user.is_authenticated %}
                        <li><a href="{% url 'blog:message' %}">留言</a></li>
                    {% endif %}
                    {% if "SHOW_LINK"|get_config %}
                        <li><a href="{% url 'blog:links' %}">友链</a></li>
                    {% endif %}
                    <li><a href="{% url 'blog:about' %}">关于</a></li>
                </ul>
            </nav>
            {% if request.user.is_authenticated %}
                <a href="{% url 'accounts:logout' %}?next={{ request.path }}" class="blog-user">
                    <img src="{{ request.user.avatar }}" alt=""/>
                </a>
            {% else %}
                <a href="{% url 'accounts:login' %}?next={{ request.path }}" class="blog-user blog-login">登录</a>
                <a href="{% url 'accounts:register' %}?next={{ request.path }}" class="blog-user blog-register">注册</a>
            {% endif %}

            <a class="phone-menu">
                <i></i>
                <i></i>
                <i></i>
            </a>
        </div>
    </div>
</header>
<div class="doc-container" id="doc-container">
    {% block extra_content %}

    {% endblock %}
    <div class="container-fixed">
        {% block base_content %}

        {% endblock %}
    </div>
</div>
<footer class="grid-footer">
    <div class="footer-fixed">
        <div class="copyright">
            <div class="info">
                <div class="contact">
                    <a href="https://wpa.qq.com/msgrd?v=3&uin=1344930596&site=qq&menu=yes"
                       class="qq"
                       target="_blank"
                       title="1344930596">
                        <i class="fa fa-qq"></i>
                    </a>
                    <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=AzIwNzc6MDM2OjVDcnItYGxu"
                       class="email"
                       target="_blank"
                       title="1344930596@qq.com">
                        <i class="fa fa-envelope"></i>
                    </a>
                </div>
                <p class="mt05">
                    Copyright &copy; 2020 darknight All Rights Reserved
                </p>
                <p class="mt05">
                    <a target="_blank" style="color:white" href="http://www.beian.miit.gov.cn/">渝ICP备 2020011057号-1</a>
                </p>
                <p class="mt05">
                    <a target="_blank" style="color: #fff;vertical-align: middle;"
                       href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50024102500333">
                        <img src="{% static 'image/ghs.png' %}" alt="" style="width: 16px;">
                        <span>渝公网安备 50024102500333号</span>
                    </a>
                </p>
            </div>
        </div>
    </div>
</footer>
<script src="https://www.layuicdn.com/layui-v2.2.6/layui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js"></script>
<script src="{% static 'js/gloable.min.js' %}"></script>
{% block footer_file %}

{% endblock %}
</body>
</html>
